.Cresumetop_Style{
    .top_all{
        height: 50;
        background-color: #3d9ccc;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        position: relative;
    }
    .top_back{
        position: absolute;
        left: 0;
        width: 50;
        height: 50;
        align-items: center;
        justify-content: center;
    }
    .top_text{
        font-size: 13;
        font-family: msyh;
        color: #ffffff;
    }
    .top_warn{
        position: absolute;
        right: 0;
        width: 70;
        height: 50;
        justify-content: center;
        align-items: center;
    }
    .top_text2{
        font-size: 12;
        font-family: msyh;
        color: #ffffff;
    }
}

.Cresumebasic_Style{
    .bas_all{
        background-color: #ffffff;
        height: auto;
        padding: 20 20 10 20;
        border-bottom: 0.5 solid #e4e4e4;
    }
    .bas_onetop{
        flex-direction: row;
        border-bottom: 0.5 solid #e4e4e4;
        padding-bottom: 15;
    }
    .bas_head{
        width: 50;
        height: 50;
        border-radius: 100;
        margin-top: 10;
    }
    .bas_sex{
        margin-left: 5;
        margin-top: 2;
    }
    .bas_left{
        margin-left: 20;
    }
    .bas_every1{
        flex-direction: row;
    }
    .bas_every2{
        flex-direction: row;
        margin-top: 10;
    }
    .bas_every3{
        flex-direction: row;
        margin-top: 3;
    }
    .bas_name{
        font-size: 13;
        font-family: msyh;
        color: #333333;
        font-weight: bold;
    }
    .bas_age{
        font-size: 12;
        font-family: msyh;
        color: #797979;
        margin-right: 15;
    }
    .bas_pos{
        font-size: 12;
        font-family: msyh;
        color: #797979;
        margin-right: 15;
    }
    .bas_genre{
        font-size: 12;
        font-family: msyh;
        color: #797979;
    }
    .bas_state{
        font-size: 12;
        font-family: msyh;
        color: #444444;
        margin-top: 3;
    }
    .bas_every4{
        flex-direction: row;
        margin-top: 5;
        align-items: center;
        padding-left: 10;
    }
    .bas_sex{
        font-family: msyh;
    }
    .bas_text2{
        font-size: 12;
        font-family: msyh;
        color: #444444;
        margin-left: 10;
    }
    .bas_onebottom{
        padding: 10 0 0 0;
    }
    .bas_area{
        margin-left: 2;
    }
    .bas_phone{
        margin-left: 2;
    }
    .bas_text2{
        font-size: 12;
        font-family: msyh;
        color: #444444;
        padding-left: 5;
    }
}

.Cresumeexperience_Style{
    .exp_all{
        background-color: #ffffff;
        margin: 10 10 0 10;
        padding-left: 20;
        padding-right: 20;
    }
    .exp_onetop{
        flex-direction: row;
        height: auto;
        align-items: center;
        padding: 10 15 10 0;
    }
    .exp_topicon{
        width: 30;
        height: 30;
        border-radius: 50;
        background-color: #ffa500;
        justify-content: center;
        align-items: center;
    }
    .exp_toptext{
        font-family: msyh;
        font-size: 12;
        color: #333333;
        font-weight: bold;
        margin-left: 10;
    }
    .exp_centerall{
        padding: 15;
        border-top: 0.8 solid #e4e4e4;
    }
    .exp_eve1{
       flex-direction: row;
       align-items: center;
   }
    .exp_circle{
        width: 5;
        height: 5;
        border-radius: 50;
        background-color: #3d9ccc;
        margin-right: 5;
    }
    .exp_pos{
        font-family: msyh;
        font-size: 12;
        font-weight: bold;
        color: #333333;
    }
    .exp_small{
        flex-direction: row;
        margin-left: 20;
    }
    .exp_txt1{
        color: #434343;
        font-family: msyh;
        font-size: 12;
        margin-right: 10;
    }
    .exp_onebottom{
        margin-left: 1.5;
        border-left: 1.5 solid #3d9ccc;
        padding-left: 10
    }
    .exp_eve2{
        margin-top: 8;
        flex-direction: row;
    }
    .exp_com{
        font-family: msyh;
        font-size: 12;
        color: #3d9ccc;
        margin-right: 10;
    }
    .exp_eve3{
        flex-direction: row;
        margin-top: 3;
        align-items: center;
    }
    .exp_eve4{
        font-family: msyh;
        font-size: 12;
        color: #434343;
        margin-top: 3;
    }
    .exp_timeicon{
        margin-right: 10
    }
    .exp_time{
        font-family: msyh;
        font-size: 12;
        color: #999999;
    }
    .exp_time2{
        padding-left: 3;
        padding-right: 3;
    }
    .exp_time3{
        padding-left: 10;
        font-family: msyh;
        font-size: 12;
        color: #999999;
    } 
}

.Cresumeeducation_Style{
    .edu_all{
        background-color: #ffffff;
        margin: 10 10 0 10;
        padding-left: 20;
        padding-right: 20;
    }
    .edu_onetop{
        flex-direction: row;
        height: auto;
        align-items: center;
        padding: 8 15 8 0;
    }
    .edu_topicon{
        width: 30;
        height: 30;
        border-radius: 50;
        background-color: #6699CC;
        justify-content: center;
        align-items: center;
    }
    .edu_toptext{
        font-family: msyh;
        font-size: 12;
        color: #333333;
        font-weight: bold;
        margin-left: 10;
    }
    .edu_centerall{
        padding: 15;
        border-top: 0.8 solid #e4e4e4;
    }
    .edu_eve1{
       flex-direction: row;
       align-items: center;
   }
    .edu_circle{
        width: 5;
        height: 5;
        border-radius: 50;
        background-color: #3d9ccc;
        margin-right: 5;
    }
    .edu_pos{
        font-family: msyh;
        font-size: 12;
        font-weight: bold;
        color: #333333;
    }
    .edu_txt1{
        color: #434343;
        font-family: msyh;
        font-size: 12;
        margin-right: 10;
    }
    .edu_onebottom{
        margin-left: 1.5;
        border-left: 1.5 solid #3d9ccc;
        padding-left: 10
    }
    .edu_eve2{
        margin-top: 8;
        flex-direction: row;
    }
    .edu_com{
        font-family: msyh;
        font-size: 12;
        color: #3d9ccc;
        padding-right: 10;
    }
    .edu_eve3{
        flex-direction: row;
        margin-top: 3;
        align-items: center;
    }
    .edu_timeicon{
        margin-right: 10
    }
    .edu_time{
        font-family: msyh;
        font-size: 12;
        color: #999999;
    }
    .edu_time2{
        padding-left: 3;
        padding-right: 3;
    }
    .edu_time3{
        padding-left: 10;
        font-family: msyh;
        font-size: 12;
        color: #999999;
    } 
    .edu_txt1{
        color: #434343;
        font-family: msyh;
        font-size: 12;
        padding-left: 20;
    }
}

.Cresumeproject_Style{
    .pro_all{
        background-color: #ffffff;
        margin: 10 10 0 10;
        padding-left: 20;
        padding-right: 20;
    }
    .pro_onetop{
        flex-direction: row;
        height: auto;
        align-items: center;
        padding: 10 15 10 5;
    }
    .pro_topicon{
        width: 30;
        height: 30;
        border-radius: 50;
        background-color: #fc6866;
        justify-content: center;
        align-items: center;
    }
    .pro_toptext{
        font-family: msyh;
        font-size: 12;
        color: #333333;
        font-weight: bold;
        margin-left: 10;
    }
    .pro_centerall{
        padding: 15;
        border-top: 0.8 solid #e4e4e4;
    }
    .pro_pos{
        font-family: msyh;
        font-size: 12;
        font-weight: bold;
        color: #333333;
    }
    .pro_eve{
        flex-direction: row;
        margin-top: 3;
        align-items: center;
    }
    .pro_timeicon{
        margin-right: 10
    }
    .pro_time{
        font-family: msyh;
        font-size: 12;
        color: #999999;
    }
    .pro_time2{
        padding-left: 3;
        padding-right: 3;
    }
    .pro_time3{
        padding-left: 10;
        font-family: msyh;
        font-size: 12;
        color: #999999;
    }
    .pro_textlong{
        margin-top: 10;
        font-family: msyh;
        font-size: 12;
        color: #444444;
        flex-wrap: wrap;
    }

}

.Cresumeintention_Style{
    .int_all{
        background-color: #ffffff;
        margin: 10 10 0 10;
        padding-left: 20;
        padding-right: 20;
    }
    .int_onetop{
        flex-direction: row;
        height: auto;
        align-items: center;
        padding: 10 15 10 5;
    }
    .int_topicon{
        width: 30;
        height: 30;
        border-radius: 50;
        background-color: #66CCCC;
        justify-content: center;
        align-items: center;
    }
    .int_toptext{
        font-family: msyh;
        font-size: 12;
        color: #333333;
        font-weight: bold;
        margin-left: 10;
    }
    .int_centerall{
        padding: 15;
        border-top: 0.8 solid #e4e4e4;
    }
    .int_eve{
        flex-direction: row;
    }
    .int_left{
        font-family: msyh;
        font-size: 12;
        color: #666666;
    }
    .int_right{
        font-family: msyh;
        font-size: 12;
        color: #333333;
        margin-left: 15;
    }
}

.Cresumeoneself_Style{
    .sel_all{
        background-color: #ffffff;
        margin: 10 10 0 10;
        padding-left: 20;
        padding-right: 20;
    }
    .sel_onetop{
        flex-direction: row;
        height: auto;
        align-items: center;
        padding: 10 15 10 5;
    }
    .sel_topicon{
        width: 30;
        height: 30;
        border-radius: 50;
        background-color: #9999CC;
        justify-content: center;
        align-items: center;
    }
    .sel_toptext{
        font-family: msyh;
        font-size: 12;
        color: #333333;
        font-weight: bold;
        margin-left: 10;
    }
    .sel_centerall{
        padding: 15;
        border-top: 0.8 solid #e4e4e4;
    }
    .sel_text{
        font-family: msyh;
        font-size: 12;
        color: #434343;
    }
}

.Cresumeattach_Style{
    .att_all{
        background-color: #ffffff;
        margin: 10 10 0 10;
        padding-left: 20;
        padding-right: 20;
    }
    .att_onetop{
        flex-direction: row;
        height: auto;
        align-items: center;
        padding: 8 15 8 5;
    }
    .att_topicon{
        width: 30;
        height: 30;
        border-radius: 50;
        background-color: #3d9ccc;
        justify-content: center;
        align-items: center;
    }
    .att_toptext{
        font-family: msyh;
        font-size: 12;
        color: #333333;
        font-weight: bold;
        margin-left: 10;
    }
    .att_centerall{
        padding: 15;
        border-top: 0.8 solid #e4e4e4;
    }
    .att_text{
        font-family: msyh;
        font-size: 12;
        color: #434343;
    }
}

.Cresumeskill_Style{
    .ski_all{
        background-color: #ffffff;
        margin: 10 10 0 10;
        padding-left: 20;
        padding-right: 20;
    }
    .ski_onetop{
        flex-direction: row;
        height: auto;
        align-items: center;
        padding: 10 15 10 5;
    }
    .ski_topicon{
        width: 30;
        height: 30;
        border-radius: 50;
        background-color: #ffa500;
        justify-content: center;
        align-items: center;
    }
    .ski_toptext{
        font-family: msyh;
        font-size: 12;
        color: #333333;
        font-weight: bold;
        margin-left: 10;
    }
    .ski_centerall{
        flex-direction: row;
        padding: 15;
        border-top: 0.8 solid #e4e4e4;
        flex-wrap: wrap;
    }
    .ski_text{
        font-family: msyh;
        font-size: 12;
        color: #fc6866;
        border: 0.8 solid #fc6866;
        padding: 2 10;
        margin-right: 10;
        margin-bottom: 10;
    }
}

.Cresumebutton_Style{
    .but_all{
        margin-top: 20;
        align-items: center;
        margin-bottom: 20; 
        flex-direction: row;
        justify-content: center;
    }
    .but_in{
        background-color: #3d9ccc;
        align-items: center;
        justify-content: center;
        border-radius: 2;
        height: 32;
        margin: 10;
    }
    .but_text{
        font-size: 12;
        font-family: msyh;
        color: #ffffff;
    }
    .skill_modal{
        height: auto;
        padding: 20;
        background-color: #ffffff;
    }
    .skill_text{
        font-size: 13;
        font-family: msyh;
        color: #333333;
        margin-bottom: 8;
        padding-bottom: 8;
        border-bottom: 1 solid #e4e4e4;
    }
    .skill_text2{
        font-size: 12;
        font-family: msyh;
        color: #444444;
    }
    .skill_input{
        font-size: 12;
        font-family: msyh;
    }
    .skill_yesno{
        flex-direction: row;
        justify-content: flex-end;
        margin-top: 15;
    }
    .skill_yes{
        font-size: 12;
        font-family: msyh;
        color: #3d9ccc;    
    }
    .skill_yesout{
        margin-right: 25; 
    }
    .skill_noout{
        margin-right: 10;   
    }
    .skill_no{
        font-size: 12;
        font-family: msyh; 
    }
    .but_text1{
        font-family: msyh;
        font-size: 13;
        color: #3d9ccc;
        margin-top: 3;
    }
    .but_text4{
        font-family: msyh;
        font-size: 13;
        color: #3d9ccc;
        margin-top: 5;
    }
    .but_textout{
        flex-direction: row;
        margin-top: 5;
        align-items: center;
    }
    .but_textout3{
        flex-direction: row;
        margin-top: 5;
        align-items: center;
    }
    .but_textout2{
        // border-bottom: 1 solid #e4e4e4;
        margin-top: 5;
        flex-direction: row;
    }
    .but_textout4{
        border-bottom: 0.5 solid #e4e4e4;
        margin-top: 5;
        flex-direction: row;
    }
    .text_timea{
        flex-direction: row;
        padding-top: 4;
    }
    .but_pos{
        font-family: msyh;
        font-size: 12;
        color: #333333;
        padding-top: 3;
    }
    .border{
       border-bottom:  1 solid #3d9ccc;
    }
    .border2{
        border-bottom: 0.5 solid #cccccc;
    }

}